---
title: Radio Groups
description: Radio group components built with Tailwind CSS v4. These responsive, customizable radio inputs are perfect for forms, settings, and user preferences in web applications. Optimized for accessibility, SEO, and mobile usability.
emoji: 📻
wrapper: h-[400px]
container: p-6 max-w-lg mx-auto
terms:
  - radio
  - group
  - form
components:
  - { title: 'Base', dark: true }
  - { title: 'Base with input', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Color variant' }
---

# Radio Group Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
